<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>同咨科技-系统设置</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="../../static/css/weadmin.css">
	<link href="../../lib/layui/css/layui.css" rel="stylesheet">

	<script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
	<script type="module" src="../components/use-body.js"></script>

	<link href="../../static/css/system.css" rel="stylesheet">
	<link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
	<use-body>
		<div class="page-body">

			<!-- 左边菜单 -->
			<div class="side">
				<span class="layui-breadcrumb breadcrumb" lay-separator="/">
					<a><i title="首页" class="iconfont use-more"></i></a>
					<a><cite>系统设置</cite></a>
				</span>

				<div class="layui-panel">
					<ul class="layui-menu" id="demo-menu">
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">部门</div>
							<ul>
								<li class="">
									<div class="layui-menu-body-title">部门管理</div>
								</li>
								<li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group'}">
									<div class="layui-menu-body-title">
										员工管理 <i class="layui-icon layui-icon-down"></i>
									</div>
									<ul>
										<li>
											<div class="layui-menu-body-title">
												XXXXXX有限公司
											</div>
										</li>
										<li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group', isAllowSpread: true}">
											<div class="layui-menu-body-title">
												总裁办 <i class="layui-icon layui-icon-down"></i>
											</div>
											<ul>
												<li class="layui-menu-item-group layui-menu-item-up" lay-options="{type: 'group', isAllowSpread: true}">
													<div class="layui-menu-body-title">
														华南区域 <i class="layui-icon layui-icon-down"></i>
													</div>
													<ul>
														<li>华南一部</li>
													</ul>
												</li>
											</ul>
										</li>
										<li>
											<div class="layui-menu-body-title">行政部</div>
										</li>
									</ul>
								</li>
								<li>
									<div class="layui-menu-body-title">角色管理</div>
								</li>
							</ul>
						</li>
						<li class="layui-menu-item-divider"></li>
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">企业</div>
							<ul>
								<li class="layui-menu-item-checked">
									<div class="layui-menu-body-title">企业信息</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<!-- 主体 -->
			<div class="system page-border">
				<div class="system-title">企业信息</div>
				<form class="layui-form">
					<div class="role-box">企业信息</div>
					<div class="layui-col-xs8 m-b-10">
						<div class="layui-form-item">
							<label class="layui-form-label required">企业名称</label>
							<div class="layui-input-block">
								<input type="text" name="username" oninput="maxlength(this, '.name-count')" maxlength="10" lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
							</div>
							<div class="layui-form-label layui-prompt">
								<span class="name-count">0</span>/10
							</div>
						</div>
						<!---*********设计稿员工视觉不展示企业简称**********-->
						<div class="layui-form-item">
							<label class="layui-form-label">企业简称</label>
							<div class="layui-input-block">
								<textarea placeholder="输入描述内容" class="layui-textarea" name="desc" oninput="maxlength(this, '.text-count')" maxlength="100" disabled>AAJK68JJ6</textarea>
							</div>
							<div class="layui-form-label layui-prompt">
								<span class="text-count">0</span>/100
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label required">所在城市</label>
							<div class="layui-input-block">
								<select>
									<option value="">请选择</option>
									<option value="AAA">选项 A</option>
									<option value="BBB">选项 B</option>
									<option value="CCC">选项 C</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label required">地址</label>
							<div class="layui-input-block">
								<input type="text" name="username" lay-verify="required" placeholder="请输入地址" autocomplete="off" class="layui-input">
							</div>
						</div>
					</div>
					<hr>
					<div class="role-box">所有者</div>
					<div class="owner"><!---*********设计稿员工视觉不展示****转让给其他人**********-->
						<div>姓名：路人甲<span>转让给其他人</span></div>
						<div>联系方式：18623792232</div>
					</div>


					<div class="layui-footer">
						<div class="cent">
							<button type="reset" class="layui-btn btn-text">取消</button>
							<button type="submit" class="layui-btn layui-btn-radius" lay-submit lay-filter="demo">保存</button>
						</div>
					</div>
				</form>
			</div>
		</div>

	</use-body>

</body>

<script>
	layui.use(['jquery', 'layer'], function () {
		var $ = layui.$;
		var form = layui.form;
		var util = layui.util;

		util.on('lay-on', {
			//
		})

		// 字数显示
		window.maxlength = function (obj, id) {
			var curr = $(obj).val().length;
			var length = $(obj).attr('maxlength');
			if (curr > length) {
				layer.msg('字数请在' + length + '字以内');
			} else {
				$(id).text(curr);
			}
		}

	})
</script>

</html>